/*Main css by Lisa 2011 23th December*/

/*Basic CSS*/
*{
	margin:0px;
	padding:0px;
	text-align:left;
	font-size:12px;
}
a:link, a:hover, a:active, a:visited{
	text-decoration: none;
}
ul{
	list-style:none;
}
table{
	border:none;
}
table td{
	vertical-align:top;
}

/*Main */
table.container{
	width:100%;
	height:100%;
}
.td_container{
	height: 100%;
	text-align: center;
	vertical-align: top;
}
.page-wrapper{
	width:960px;
	margin:0px auto;
	position:relative;
}
/*header*/

#header{
	background: url("../images/main-logo.png") no-repeat scroll 0 10px transparent;
    height: 70px;
    line-height: 70px;
}
a.iconLink{
	color: #CCC;
    margin-right: 20px;
    padding: 2px;
	padding-left: 18px;
}
.exit{
	background: url("../images/exit-icon.png") no-repeat 0px center;
}
.exit{
	background: url("../images/setting-icon.png") no-repeat 0px center;
}

.mainContent{
	width:100%;
	height:100%;
	position:relative;
}
.slideBarCont{
	width:220px;
}
.slideBar{
	width:230px;
	margin-right:20px;
	float:left;
	height:100%;
}
.main{
	width:740px;
	float:left;
}
#leftmeetingtable{
	height:36px;
	background: url("../images/right-content-tab-bg.png") repeat-x scroll 0 0 transparent;
    color: #FFF;
    vertical-align: middle;
}
#leftmeetingtable .serverNameInfo{
	line-height:36px;
	float:left;
}
#leftmeetingtable .add_items{
	background: url("../images/toolbar-button-bg.png") no-repeat scroll 0 0 transparent;
    color: #00224D;
    display: inline-block;
    height: 21px;
    line-height: 21px;
    margin-left: 10px;
    padding-left: 25px;
    vertical-align: middle;
    width: 60px;
}
.left-list-table-td, right-list-table-td{
	border-color: #00224D #00224D;
    border-right: 2px solid #00224D;
    border-style: none solid solid;
    border-width: medium 2px 2px;
    height: 100%;
}
{
	background: #FFFFFF;
    border-color: #00224D #00224D;
    border-right: 2px solid #00224D;
    border-style: none solid solid;
    border-width: medium 2px 2px;
    height: 100%;
    padding: 10px;
    vertical-align: top;
}
.right_tab_list ul{
	width: 100%;
	background: url("../images/right-content-tab-bg.png") repeat-x scroll 0 0 transparent;
	height: 36px;
	line-height:36px;
}
.right_tab_list ul li{
	float: left;
    margin-left: 10px;
}
.right_tab_list ul li a{
	color: white;
    cursor: pointer;
    display: block;
    float: left;
    padding: 0 3px 0 0;
	line-height: 36px;
}
.right_tab_list ul li a:hover, .right_tab_list ul li a.sel {
    background: url("../images/tab-li-rightbg-sel.png") no-repeat scroll right bottom transparent;
}
.right_tab_list ul li a span{
	color: white;
    display: block;
    float: left;
    line-height: 36px;
    padding: 0px 8px 0px 10px;
    vertical-align: middle;
	diplay:inline-block;
}

.right_tab_list ul li a:hover span, .right_tab_list ul li a.sel span {
    background: url("../images/tab-li-leftbg-sel.png") no-repeat scroll left bottom transparent;
    color: #000000;
}

/*table right list*/
.table_data_list td, .table_data_list th{
	padding-left:5px;
}

.slideBar, TABLE.right-list-table{
	height:80%;
}
TABLE.container TD.tbl-footer P{
	width:960px;
	margin-left:230px;
}


#meetinglist{
	float:left;
	width:100%;
}
.meetingTitle .title{
	text-overflow :ellipsis ;
	overflow-x:hidden;
	word-break: keep-all;
	white-space: nowrap;
}
.meetingTitle .opt_icon, ul.pptlist li .opt_icon{
	float:right;
	margin-left:0px;
}
ul.pptlist{
	
}
ul.pptlist li{
	width:100%;
	padding:2px 0px;
}
ul.pptlist li .title{
	width:55%;
	text-overflow :ellipsis ;
	overflow-x:hidden;
	word-break: keep-all;
	white-space: nowrap;
	padding-top:4px;
	display:inline-block;
}
